import Toast from "./Toast";

const obj = {}

// 执行install函数的时候，会默认将vue传过来
obj.install = function (Vue) {
  // 1.创建组件构造器
  const toastContrustor = Vue.extend(Toast)
  // 2.new的方式，根据组件构造器，可以创建一个组件对象
  const toast = new toastContrustor()
  // 3.将组件对象，手动挂载到某一个元素上
  toast.$mount(document.createElement('div'))
  // 4.toast.$el对应的就是div,把toast.$el添加到body上
  document.body.appendChild(toast.$el)
  // 5.Vue.prototype加一个变量，注册全局组件toast,注意，要将上面的toast传进去
  Vue.prototype.$toast = toast;
}

// 6.在main.js中引入此组件，并安装
// import toast from 'components/common/toast'
// import Vue from "vue";
// // 安装插件，安装插件时会自动此插件的执行install函数
// Vue.use(toast)
export default obj
